.login{
	padding:40upx;
	.login-top{
		display: flex;
		flex-flow: column;
		margin-top: 70upx;
		text:first-child{
			font-size: 60upx;
			font-weight: bold;
		}
		text:last-child{
			font-size: 36upx;
			font-weight: bold;
			color: #3f3b3b;
			padding-top: 10upx;
		}
	}
	.login-input{
		margin-top: 120upx;
		.input{
			position: relative;
			margin-bottom: 80upx;
			background-color: #f6f6f6;
			border-radius: 12upx;
			input{
				width: 100%;
				height:100upx;
				padding: 10upx 30upx 10upx 90upx;
				box-sizing: border-box;
			}
			text{
				position: absolute;
				top: 25upx;
				left: 20upx;
			}
		}
		.retrieve-pass{
			text-align: right;
		}
		.btns{
			margin-top: 100upx;
		}
		.btn{
			margin-top: 16upx;
			button{
				border: 0;
				font-size: 32upx;
				height: 100upx;
				background-color: #FFFFFF;
				display: flex;
				align-items: center;
				justify-content: center;
			}
		}
	}
	.agreement{
		position: fixed;
		bottom:40upx;
		padding-left: 40upx;
		color: #808080;
		display: flex;
		align-items: center;
		.color{
			color: #1892eb;
		}
		.checkbox{
			display: flex;
			align-items: center;
			width: 50upx;
			height: 50upx;
			justify-content: center;
			.check{
				border: 1px solid #DDDDDD;
				width: 36upx;
				height: 36upx;
				border-radius: 18upx;
				box-sizing: border-box;
			}
		}
		
		.read{
			padding-left: 14upx;
		}
	}
}